<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>HTML5 Canvas雨滴下落动画DEMO演示</title>
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/default.css">
	<style media="screen">
           body {
                color:#C0C0C0;
                height: 100%;
                margin: 0;
                padding: 0;
            }

            img {
                width: 100%;
                height: 2600px;
            }
        </style>
        <script src="js/rainyday.min.js"></script>
        <script>
            function run() {
                var image = document.getElementById('background');
                image.onload = function() {
                    var engine = new RainyDay({
                        image: this
                    });
                    engine.rain([ [1, 2, 8000] ]);
                    engine.rain([ [3, 3, 0.88], [5, 5, 0.9], [6, 2, 1] ], 100);
                };
                image.crossOrigin = 'anonymous';
                image.src = 'css/1.jpg';
            }
        </script>
	<!--[if IE]>
		<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
</head>
<body onload="run();">
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
<div id="content">
<h2>综合类</h2>
<p>综合类    地址<br>前端知识体系    <a href="http://www.cnblogs.com/sb19871023/p/3894452.html">http://www.cnblogs.com/sb19871023/p/3894452.html</a><br>前端知识结构    <a href="https://github.com/JacksonTian/fks">https://github.com/JacksonTian/fks</a><br>前端知识体系    <a href="http://www.cnblogs.com/sb19871023/p/3894452.html">http://www.cnblogs.com/sb19871023/p/3894452.html</a><br>Web前端在线开发网站    <strong><a href="http://www.hubwiz.com/course/?type=web/strong">http://www.hubwiz.com/course/?type=web</a></strong><br>Web前端开发大系概览-中文版    <a href="http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html">http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html</a><br>免费的编程中文书籍索引    <a href="https://github.com/justjavac/free-programming-books-zh_CN">https://github.com/justjavac/free-programming-books-zh_CN</a><br>前端书籍    <a href="https://github.com/dypsilon/frontend-dev-bookmarks">https://github.com/dypsilon/frontend-dev-bookmarks</a><br>前端免费书籍大全    <a href="https://github.com/vhf/free-programming-books">https://github.com/vhf/free-programming-books</a><br>前端知识体系    <a href="http://www.cnblogs.com/sb19871023/p/3894452.html">http://www.cnblogs.com/sb19871023/p/3894452.html</a><br>免费的编程中文书籍索引    <a href="https://github.com/justjavac/free-programming-books-zh_CN">https://github.com/justjavac/free-programming-books-zh_CN</a><br>智能社 - 精通JavaScript开发    <a href="http://study.163.com/course/introduction/224014.htm">http://study.163.com/course/introduction/224014.htm</a><br>重新介绍 JavaScript（JS 教程）    <a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript">https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript</a><br>麻省理工学院公开课：计算机科学及编程导论    <a href="http://v.163.com/special/opencourse/bianchengdaolun.html">http://v.163.com/special/opencourse/bianchengdaolun.html</a><br>JavaScript中的this陷阱的最全收集—没有之一    <a href="http://segmentfault.com/a/1190000002640298">http://segmentfault.com/a/1190000002640298</a><br>JS函数式编程指南    <a href="https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html">https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html</a><br>JavaScript Promise迷你书（中文版）    <a href="http://liubin.github.io/promises-book">http://liubin.github.io/promises-book</a><br>腾讯移动Web前端知识库    <a href="https://github.com/AlloyTeam/Mars">https://github.com/AlloyTeam/Mars</a><br>Front-End-Develop-Guide 前端开发指南    <a href="https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide">https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide</a><br>前端开发笔记本    <a href="https://li-xinyang.gitbooks.io/frontend-notebook/content">https://li-xinyang.gitbooks.io/frontend-notebook/content</a><br>大前端工具集 - 聂微东    <a href="https://github.com/nieweidong/fetool">https://github.com/nieweidong/fetool</a><br>前端开发者手册    <a href="https://dwqs.gitbooks.io/frontenddevhandbook/content">https://dwqs.gitbooks.io/frontenddevhandbook/content</a></p>
<p>入门类</p>
<p>入门类    地址<br>前端入门教程    <a href="http://www.cnblogs.com/jikey/p/3613082.html">http://www.cnblogs.com/jikey/p/3613082.html</a><br>瘳雪峰的Javascript教程    <a href="http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000">http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000</a><br>在线入门开发教程    <strong><a href="http://www.hubwiz.com/course/?type">http://www.hubwiz.com/course/?type</a>="入门"</strong><br>jQuery基础教程    <a href="http://www.imooc.com/view/11">http://www.imooc.com/view/11</a><br>前端工程师必备的PS技能——切图篇    <a href="http://www.imooc.com/view/506">http://www.imooc.com/view/506</a><br>结合个人经历总结的前端入门方法    <a href="https://github.com/qiu-deqing/FE-learning">https://github.com/qiu-deqing/FE-learning</a><br>工具类</p>
<p>D3    地址<br>d3 Tutorials    <a href="https://github.com/mbostock/d3/wiki/Tutorials">https://github.com/mbostock/d3/wiki/Tutorials</a><br>Gallery    <a href="https://github.com/mbostock/d3/wiki/Gallery">https://github.com/mbostock/d3/wiki/Gallery</a><br>lofter    <a href="http://datavisual.lofter.com/post/40cf3a_188e535">http://datavisual.lofter.com/post/40cf3a_188e535</a><br>iteye    <a href="http://alanland.iteye.com/blog/1878595">http://alanland.iteye.com/blog/1878595</a><br>ruanyifeng    <a href="http://javascript.ruanyifeng.com/library/d3.html">http://javascript.ruanyifeng.com/library/d3.html</a><br>Requriejs</p>
<p>Requriejs    地址<br>Javascript模块化编程（一）：模块的写法    <a href="http://www.ruanyifeng.com/blog/2012/10/javascript_module.html">http://www.ruanyifeng.com/blog/2012/10/javascript_module.html</a><br>Javascript模块化编程（二）：AMD规范    <a href="http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html">http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html</a><br>Javascript模块化编程（三）：require.js的用法    <a href="http://www.ruanyifeng.com/blog/2012/11/require_js.html">http://www.ruanyifeng.com/blog/2012/11/require_js.html</a><br>RequireJS入门（一）    <a href="http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html">http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html</a><br>RequireJS入门（二）    <a href="http://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html">http://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html</a><br>RequireJS进阶（三）    <a href="http://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html">http://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html</a><br>requrie源码学习    <a href="http://www.cnblogs.com/yexiaochai/p/3632580.html">http://www.cnblogs.com/yexiaochai/p/3632580.html</a><br>requrie 入门指南    <a href="http://www.oschina.net/translate/getting-started-with-the-requirejs-library">http://www.oschina.net/translate/getting-started-with-the-requirejs-library</a><br>requrieJS 学习笔记    <a href="http://www.cnblogs.com/yexiaochai/p/3214926.html">http://www.cnblogs.com/yexiaochai/p/3214926.html</a><br>requriejs 其一    <a href="http://cyj.me/why-seajs/requirejs/">http://cyj.me/why-seajs/requirejs/</a><br>require backbone结合    <a href="http://www.cnblogs.com/yexiaochai/p/3221081.html">http://www.cnblogs.com/yexiaochai/p/3221081.html</a><br>Seajs</p>
<p>Seajs    地址<br>seajs    <a href="http://seajs.org">http://seajs.org</a><br>seajs 中文手册    <a href="http://cyj.me/why-seajs/zh">http://cyj.me/why-seajs/zh</a><br>Less,sass</p>
<p>Less,sass    地址<br>sass    <a href="http://www.w3cplus.com/sassguide">http://www.w3cplus.com/sassguide</a><br>sass教程-sass中国    <a href="http://www.sass.hk">http://www.sass.hk</a><br>Sass 中文文档    <a href="http://sass.bootcss.com">http://sass.bootcss.com</a><br>less    <a href="http://less.bootcss.com">http://less.bootcss.com</a><br>Markdown</p>
<p>Markdown    地址<br>Markdown 语法说明 (简体中文版    <a href="http://wowubuntu.com/markdown">http://wowubuntu.com/markdown</a><br>markdown入门参考    <a href="https://github.com/LearnShare/Learning-Markdown/blob/master/README.md">https://github.com/LearnShare/Learning-Markdown/blob/master/README.md</a><br>gitbook    <a href="https://www.gitbook.com">https://www.gitbook.com</a> 国外的在线markdown可编辑成书<br>mdeditor    <a href="https://www.zybuluo.com/mdeditor">https://www.zybuluo.com/mdeditor</a> 一款国内的在线markdown编辑器<br>stackedit    <a href="https://stackedit.io">https://stackedit.io</a> 国外的在线markdown编辑器，功能强大，同步云盘<br>mditor    <a href="http://bh-lay.github.io/mditor">http://bh-lay.github.io/mditor</a> 一款轻量级的markdown编辑器<br>lepture-editor    <a href="https://github.com/lepture/editor">https://github.com/lepture/editor</a><br>markdown-editor    <a href="https://github.com/jbt/markdown-editor">https://github.com/jbt/markdown-editor</a><br>作业部落    <a href="https://www.zybuluo.com">https://www.zybuluo.com</a> 功能强大，速度流畅，全平台同步<br>兼容性</p>

</div>
		</header>
		
	</div>
	<img id="background" alt="background" src="" />
</body>
</html>